@charset "utf-8";
@font-face{ font-family: myFirstFont; src:url(../font/georgia.ttf);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

/*==========================================公共 开始=============================================*/

.full_page{position:relative;width:100%;height: 700px; z-index:0}
#banner{position: fixed;top:0;left:0;width:100%;height: 700px;z-index:0;overflow: hidden;}
#banner ul.am-slides,#banner ul.am-slides li{height:100%;position:  relative;z-index: 0;}
#banner ul.am-slides li a{ display:block; width:100%; height:100%;}
#banner .am-control-nav{ display:none;}
#banner .botton{margin-top: 145px;position: absolute;left:50%;top: 50%;width:285px;height:53px;z-index: 0;margin-left:-680px;}
#banner .botton i{float:  left;display:inline-block;margin-right: 15px;width:53px;height:53px;line-height:53px;background:#fff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow:hidden;-moz-transition: all 0.24s ease-in-out;-webkit-transition: all 0.24s ease-in-out;-o-transition: all 0.24s ease-in-out;-ms-transition: all 0.24s ease-in-out;transition: all 0.24s ease-in-out;}
#banner .botton i:before{ display:block; content:""; background:url(../images/jiantou.png) center center no-repeat; width:53px; height:53px; -moz-transition: all 0.24s ease-in-out;-webkit-transition: all 0.24s ease-in-out;-o-transition: all 0.24s ease-in-out;-ms-transition: all 0.24s ease-in-out;transition: all 0.24s ease-in-out;}
#banner .botton i:after{ display:block; content:""; background:url(../images/jiantou_on.png) center center no-repeat; width:53px; height:53px; -moz-transition: all 0.24s ease-in-out;-webkit-transition: all 0.24s ease-in-out;-o-transition: all 0.24s ease-in-out;-ms-transition: all 0.24s ease-in-out;transition: all 0.24s ease-in-out;}
#banner .botton i:hover:before{ margin-top:-53px;}
#banner .botton i:hover:after{ margin-top:0;}
.full_page .top{background:url(../images/banner_top.png) center bottom no-repeat;height:67px;width:100%;position:absolute;left:0;bottom: -2px;z-index:100;}
#banner .botton i:hover{ background:#f08200}
#banner .botton span{ display:inline-block; height:53px; line-height:53px; font-size:12px; color:#000000; text-transform:uppercase;}
#banner.am-slider-default .am-direction-nav a{ width: 23px; height: 41px;}
#banner.am-slider-default .am-direction-nav a.am-prev{ background:url(../images/banner_right.png) center no-repeat; left:25px;}
#banner.am-slider-default .am-direction-nav a.am-next{ background:url(../images/banner_left.png) center no-repeat; right:25px;}
#banner.am-slider-default .am-direction-nav a:before{ display:none}

#header{position:absolute;width: 100%;z-index:10000; }
#header .nav { float: right; height: 49px; position: relative;}
/*#header .nav .navitem:nth-last-child(1) .subnav {left: auto; right: 0; text-align:right;}*/
#header .nav>li { float: left; font-size: 15px; height: 100%; position: relative;}
#header .nav>li>a{display: block;padding: 0px 18px;height: 68px;line-height: 44px;color: #fff;position: relative;overflow: hidden;}
#header .nav>li>a span {display: inline-block;position: relative;transition: all ease-out .3s;font-weight:  bold;}
#header .nav>li>a>i{ margin-left: 10px; color: #717171; transition: 0.36s ease;}
#header .nav .subnav{position: absolute;width: 198px;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);background-color: #fff;height: auto;z-index: 199;top: 46px;left: 50%;margin-left: -99px;/* border-top: 2px solid #F08200; */overflow: hidden;visibility: hidden;opacity: 0;transition: all .36s ease;}
#header.mini .nav .subnav{top: 66px;}
#header .nav .subnav li{width: 100%;text-align: center;}
#header .nav .subnav li a {font-weight: 500;color: #666;line-height: 22px;display:  block;transition: all .2s ease-in-out;padding: 12px 0;border-bottom: 1px solid #E8E8E8;font-size: 13px;position:relative;}
#header .nav>li:hover .subnav{opacity: 1; visibility: visible}
#header .nav .subnav li a.active,#header .nav .subnav li a:hover {background-color: #f5f5f5;color: #f08200;} 
#header .nav .subnav li a.active,#header .nav .subnav li:first-child {border-top:2px solid #f08200;} 
/* #header .nav .subnav li a.active,#header .nav .subnav li:hover {border-top:2px solid #f08200;}  */
 #header .nav .on span{border-bottom: #f08200 2px solid;height: 48px;} 
#hcontact { display: none}
#header,.singlescreen #header { box-shadow: none;}
#header{height: 64px;top: 36px;left: 0;padding-top: 20px;}
#header .content{ padding-left: 0;padding-right: 0}
#header #headTop{ float:left; height: 44px; text-align: center;}
#header #headTop a{display: block;width:246px;height:47px; /* Chrome, Safari, Opera */}
#header .content a#logo { float: none; display: inline-block}
#header .content a#logo img { float: none}
#header #navWrapper { float: right; position: relative; z-index: 99;}
#header.mini #navWrapper {}
#header .nav {margin-left: 0;height: 44px;text-align: center;float: none;font-size: 0;}
#header .nav>li { display: inline-block; float: none}
#header.mini {position:fixed;background-color: rgba(255, 255, 255, 1);top: 0;height: 92px;padding-top: 24px;box-shadow: 3px 0px 10px 0px rgba(0,0,0,0.25);}
#header.mini .nav>a{ height:68px;}
#header.mini .nav .on span{ height: 68px;}
#header .nav .subnav li a:after{position:absolute;right:15px;top:50%;margin-top:-5px;color:#999;content:"\f0da";font: normal normal normal 0.75rem/1 FontAwesome,sans-serif;display: none;}
#header.mini .nav>li>a{ color:#3b3b3c}
#header #headTop .img02{ display:none}
#header.mini #headTop .img01{ display:none}
#header.mini #headTop .img02{ display:block}

/*==========================================公共 结束=============================================*/


/*==========================================首页 开始=============================================*/

.container01{ height:630px;  background:#fff /* url(../images/container01_bg.jpg) center bottom no-repeat */; position:relative; z-index:1;}
.container01 .left{ float:left; width:520px; position:relative;}
.container01 .left .img01{ float:left; width:520px; height:584px; }
.container01 .right{float:right;width:606px;margin-top: 78px;}
.container01 .right h4{font-size: 32px;color: #00459c;margin-bottom:36px; text-transform:uppercase}
.container01 .right h4 small{ font-size:18px; color:#3b3b3c; margin-left:4px; margin-top:-5px;}
.container01 .right .ar_article{ margin-bottom:85px;}
.container01 .right p{font-size:14px;line-height: 30px;color: #7c7c7c;margin-bottom: 30px;}
.container01 .right a{display:inline-block;width: 146px;height: 48px;line-height: 48px;padding: 0 16px;font-size:14px;color: #fff;background: #f08200 url(../images/container01_icon.png) 88px 23px no-repeat;position:relative;overflow:hidden; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container01 .right a span{position:relative;z-index:10;font-size:14px;color: #fff;transition: 0.68s;}
.container01 .right a:hover span{ color:#fff;}
.container01 .right a:before{ content: ''; width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; border-color: #00459c transparent transparent transparent; position: absolute; top: 0; left: 0; z-index:0; transition: 0.68s; }
.container01 .right a:hover:before{ border-width: 930px 930px 0 0; }
.container01 .right a:hover{ padding:0 45px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}






.bohui_Product_fenle{width: 100%; height: 220px; background-position:-300px -900px;
		background: url(../images/container01_bg.jpg) no-repeat center;
		transform:translate3d(0,0,0);
		    animation:play 25s linear infinite;
		background-attachment: fixed; overflow:hidden;}

.bohui_Product_fenle .title h3{ font-size:28px; color:#fff; text-transform:uppercase; margin-bottom:10px; text-align:center;}
.bohui_Product_fenle .title p{ font-size:18px; color:#fff; text-align:center;}
.bohui_Product_fenle .title div{ width:60px; height:4px; background:#fff;margin:10px auto; }
 .bohui_Product_fenle .title{margin-top:70px;}



.about_ny .title h3{ font-size:28px; color:#0049a7; text-transform:uppercase; margin-bottom:10px; text-align:center;}
.about_ny .title p{ font-size:18px; color:#333; text-align:center;}
.about_ny .title div{ width:60px; height:4px; background:#f08200;margin:10px auto; }
 .about_ny .title{margin-top:70px;}






 

/* 产品中心 */


.Service{  overflow: hidden; width: 100%; background-color: #fff; padding-top: 60px; position:relative; z-index:1}
.Service .serviceLt{ float: left;  width: 245px;}



.Service .serviceLt h2{ overflow: hidden; padding: 40px 0; background-color: #0049a7; color: #fff; text-indent: 38px;   }
.Service .serviceLt h2 a{ display: block; font-size: 32px; color: #fff}
.Service .serviceLt h2 p{ font-size: 20px; text-transform: uppercase; font-weight: normal}
.Service .serviceLtBox,.Service .dl{ overflow: hidden; width: 100%; background: #eeeeee;}
.Service .dl dt,.Service .dl dd{ text-indent: 28px;  }
.Service .dl dt{ font-size: 20px; color: #fff; background: #e96b05; line-height: 45px; font-weight:normal;}
.Service .dl dt a{  color: #fff;}
.Service .dl dd{ padding: 10px 0; border-bottom:1px solid #fff;}
.Service .dl dd a{ display: block;font-size: 16px; color: #666;  line-height: 36px; height: 36px;}
.Service .dl dd a:hover{ color: #0049a7}
.Service dl.Ltlast{ padding-bottom: 78px;}
.Service .serviceRt{float: right;width: 925px;}
.Service .serviceRt-dl{ float: left; border: 1px solid #eee; padding: 11px; width: 290px; height: 297px; background-color: #fff; margin-left: 18px; margin-bottom: 24px;}
.Service .serviceRt-dl dt img{ display: block;}
.Service .serviceRt-dl dd{ padding: 0 10px; overflow: hidden}
.Service .serviceRt-dl dd h3{ font-size: 16px; font-weight:normal; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; margin-top: 20px;}
.Service .serviceRt-dl dd h3 a{  color: #0049a7}
.Service .serviceRt-dl dd p{ font-size: 14px; line-height: 20px;    margin-top: 10px; color: #666666; }
.Service .serviceRt-dl dd a.more{ display: block; float: left;    margin-top: 10px; color: #0049a7;}
.Service dl.bottom{ margin-bottom: 0}
.Service dl.last{ margin-right: 0}
.Service .serviceRt-dl:hover{ background-color: #0049a7}
.Service .serviceRt-dl:hover h3 a,.Service .serviceRt-dl:hover dd p,.Service .serviceRt-dl:hover dd a.more{ color: #fff}
.phone22 { overflow:hidden; margin-top: 10px; width:245px; padding:30px 0; padding-left:75px; background:url(../images/pro_phone.png) no-repeat 20px center; background-color:#0049a7;}
.phone22 p{ font-size:16px; color:#fff;}
.phone22 b{ display:block; font-size:24px;  color:#fff; font-family:'Times New Roman'}



/* 
优势 */
#s_aims {padding: 68px 0;background:#f2f2f2;position:relative; z-index:1}


#s_aims .title h3{ font-size:28px; color:#0049a7; text-transform:uppercase; margin-bottom:10px; text-align:center;}
#s_aims .title p{ font-size:18px; color:#333; text-align:center;}
#s_aims .title div{ width:60px; height:4px; background:#f08200;margin:10px auto; }
#s_aims .title{margin-bottom:70px;}

#s_aims ul {margin: 0 -5px;overflow: hidden;}
#s_aims ul li {width: 395px;height: 570px;margin: 0 4px;float: left;color: #fff;padding: 60px 40px 50px 60px;position: relative;z-index: 0;}
#s_aims ul li:before {content: "";width: 0;height: 100%;position: absolute;top: 0;right: 0;background: #0050a3;display: block;z-index: -1;transition: .8s;}
#s_aims ul li:hover:before {width: 100%;left: 0;right: auto;}
#s_aims ul li font {display: block;width: 30px;height: 30px;margin-bottom: 25px;}
#s_aims ul li span {font-size: 18px;font-family: arial;text-transform: uppercase;margin-bottom: 13px;display: block;}
#s_aims ul li h5 {font-size: 18px;font-weight: bold;}
#s_aims ul li>i {display: block;width: 35px;height: 2px;background: #fff;margin-top: 25px;margin-bottom: 30px;}
#s_aims ul li p {font-size: 14px;line-height: 30px;opacity: .85;height: 90px;}
#s_aims ul li .btn_zixun {margin-top: 175px;display: block;width: 38px;overflow: hidden;position: relative;height: 38px;transition: .3s;line-height: 36px;text-align: center;border-radius: 3px;border: 1px solid #e0e0e0;border-radius: 3px;}
#s_aims ul li .btn_zixun a {display: block;width: 105px;height: 38px;position: absolute;right: 0; color:#fff;}
#s_aims ul li .btn_zixun i {display: inline-block;width: 14px;height: 5px;background: url(../images/s_aims_arrow.png) center no-repeat;margin-left: 20px;position: relative;top: -3px;}
#s_aims ul li:hover .btn_zixun {width: 105px;border: 1px solid #f39700;background: #f39700; color:#fff;}




.container02{ padding:74px 0; position:relative; z-index:1; background:#fff}
.container02 .title{ text-align:center; margin-bottom:40px;}
.container02 .title h3{ font-size:28px; color:#00459c; text-transform:uppercase; margin-bottom:10px;}
.container02 .title h5{ font-size:18px; color:#3b3b3c}
.container02 ul{ width:1240px;}
.container02 ul li{ float:left; width:270px; height:467px; background:#00459c; margin-right:40px; text-align:center; position:relative;}
.container02 ul li a{ padding:90px 38px 0; display:block;}
.container02 ul li h3{ margin-bottom:20px;}
.container02 ul li h4{ font-size:17px; color:#fff; margin-bottom:22px;}
.container02 ul li h6{ position:relative; height:1px; margin-bottom:50px;}
.container02 ul li h6:before{ width:15px; height:1px; background:#fff; content:""; position:absolute; left:50%; margin-left:-7.5px; top:0}
.container02 ul li p{ font-size:12px; line-height:22px; color:rgba(255,255,255,0.65)}
.container02 ul li a .top{ position:absolute; top:0; left:0; width:0; height:100%; overflow:hidden; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container02 ul li:hover a .top{ width:100%}

.container03{ position:relative; z-index:1; height:560px;}

.container04{ position:relative; z-index:2; height:650px; margin-top:-488px;}
.container04 .title{ text-align:center; margin-bottom:40px;}
.container04 .title h3{ font-size:28px; color:#fff; text-transform:uppercase; margin-bottom:10px;}
.container04 .title h5{ font-size:18px; color:#fff}
.container04 .content .left{ float:left; width:595px; height:550px; position:relative; background:#000; overflow:hidden;}
.container04 .content .left img{ width:595px; height:550px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container04 .content .left:hover img{ filter:alpha(opacity:50); opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5}
.container04 .content .left .box{ position:absolute; left:58px; top:110px;}
.container04 .content .left .box h3{ font-size:22px; color:#fff; margin-bottom:6px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out; }
.container04 .content .left:hover .box h3{ margin-bottom:12px; margin-top:30px;}
.container04 .content .left .box h5{ font-size:15px; color:#fff; text-transform:uppercase;}
.container04 .content .left .box:before{content:"";width:17px;height:2px;background:#fff;position:absolute;top: 62px;left:0; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container04 .content .right .box h4{ font-size:16px; color:#fff; margin-bottom:7px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container04 .content .right .box h6{ font-size:12px; color:#fff; text-transform:uppercase;}
.container04 .content .right{ float:right; width:595px;}
.container04 .content .right .box{ position:absolute; left:70px; top:60px;}
.container04 .content .right .con{ float:right; width:595px; height:270px; margin-bottom:10px; position:relative; background:#000; overflow:hidden;}
.container04 .content .right .box:before{content:"";width:17px;height:2px;background:#fff;position:absolute;top:54px;left:0; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container04 .content .right .con img{ width:595px; height:270px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container04 .content .right .con:hover img{ filter:alpha(opacity:50); opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5}
.container04 .content .right .con:hover .box:before{ width:0;}
.container04 .content .left:hover .box:before{ width:0;}
.container04 .content .right .con:hover .box h4{ margin-bottom:12px; margin-top:30px;}

.container05{position:relative;z-index:1;height:900px;background:#fff /* url(../images/container05_bg.jpg) center top no-repeat */;}
.container05 .title{width: 100%;text-align:center;margin-bottom:40px;overflow: hidden; padding:70px 0 0 0}
.container05 .title h3{ font-size:28px; color:#00459c; text-transform:uppercase; margin-bottom:10px;}
.container05 .title h5{ font-size:18px; color:#3b3b3c}
.container05 ul{ width:1246px; margin-bottom:46px; overflow:hidden;}
.container05 ul li{ float:left; width:284px; height:259px; margin-right:20px; position:relative; overflow:hidden; margin-top:20px;}
.container05 ul li img{ width:284px; height:199px; overflow:hidden;}
.container05 ul li .top{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap; height:60px; line-height:60px; text-align:center; padding:0 15px; position:absolute; width:100%; bottom:0; left:0; background:#2f2f2f; font-size:14px; color:#fff; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container05 ul li:hover .top{ filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCF08200', endColorstr='#CCF08200');background:rgba(240,130,0,0.8);}
.container05 .more{ text-align:center; overflow:hidden;}
.container05 .more a{ display:inline-block; width:180px; height:48px; line-height:48px; background:#00459c; text-align:center; font-size:14px; color:#fff}
.container05 .more a:hover{ background:#f08200; }




.container06{ position:relative; z-index:1; background:#f2f2f2; padding-bottom:68px;}
.container06 .title{width: 100%;text-align:center;margin-bottom:40px;overflow: hidden; padding:70px 0 0 0}
.container06 .title h3{ font-size:28px; color:#00459c; text-transform:uppercase; margin-bottom:10px;}
.container06 .title h5{ font-size:18px; color:#3b3b3c}
.container06 ul{ width:1230px; margin-bottom:40px; overflow:hidden;}
.container06 ul li{float:left;width:385px;margin-right: 22px;}
.container06 ul li .img{float:left;width:385px;height:275px;position:relative; overflow:hidden;}
.container06 ul li .img .time{ width:125px; line-height:32px; height:32px; background:#2f2f2f; position:absolute; left:0; top:42px; font-size:14px; color:#fff; text-align:center; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container06 ul li:hover .img .time{ background:#f08200;}
.container06 ul li .con{ float:left; width:385px; height:125px; background:#fff; padding:25px 40px;}
.container06 ul li .con h5{ margin-bottom:15px;}
.container06 ul li .con h5 a{ font-size:16px; color:#2f2f2f; }
.container06 ul li .con p{ font-size:14px; color:#888888; line-height:20px; }
.container06 .more{ text-align:center; overflow:hidden;}
.container06 .more a{ display:inline-block; width:180px; height:48px; line-height:48px; background:#f08200; text-align:center; font-size:14px; color:#fff}
.container06 .more a:hover{ background:#00459c}





 .link{width: 100%; background:#fff; position:relative;z-index:1;}
.link dt{height: 74px;line-height: 74px;font-size: 18px;color: #333333;border-bottom: 1px solid #ccc;}
.link dt a{color: #333333; text-decoration: none;}
.link dt em{font-family: arial;}
.link dd{padding: 24px 0 14px 0;overflow: hidden;}
.link dd a{display: block;float: left;font-size: 12px;color: #333333;padding: 0 28px;border-left: 1px solid #e9e9e9;margin-bottom: 10px;}
.link dd a:first-child{border-left: none;}








/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/

#n_banner{ height:400px; overflow:hidden;}
#n_banner .top{ display:table; width:100%; height:100%; text-align:center;}
#n_banner .top i{ display:table-cell; vertical-align:middle; font-style:normal;}
#n_banner .top i h1{ font-size:44px; color:#ff6801; text-transform:uppercase; font-weight:bold; margin-bottom:5px;}
#n_banner .top i h3{ font-size:22px; color:#fff;}

 #n_banner .n_banner_biaoti h3{color:#f2f2f2; font-size:28px; font-weight:bold; text-align:center; margin-top:196px;}
  #n_banner .n_banner_biaoti p{color:#f2f2f2; font-size:16px;  text-align:center; margin-top:15px;}

.n_main_box{width:100%;}
.n_main_box .w1200{position:relative;width:1200px;height: 65px;margin: 0 auto;}
.n_nav_box{height: 65px;line-height: 65px;position:relative;background: #f3f3f8;}
.n_nav{ position:relative; }
.n_nav a{display:inline-block;height: 65px;font-size: 16px;float:left;line-height: 40px;color: #000;text-align: center;margin-left: -1px;box-sizing: border-box;position: relative;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;margin-right: 54px;}
.n_nav a strong{display:block;color: #000;position:relative;z-index:4;height: 65px;line-height: 65px;font-weight: 100;}
.n_nav .on,.n_nav a:hover{}
.n_nav .on:before{content:"";width: 30px;height: 2px;position: absolute;bottom: 0;left: 50%;margin-left: -15px;background: #00459c;}
.n_nav a:before{content:"";width: 0;height: 2px;position: absolute;bottom: 0;left: 50%;margin-left: -15px;background: #00459c; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_nav a:hover:before{ width:30px;}
.n_up_box{ position:relative;}
.position{position:absolute;height: 65px;line-height: 65px;right:0px;bottom: 0;color: #9c9ca0;padding-left: 21px;font-size: 12px;background: url(../images/home_icon.png) left 25px no-repeat;}
.position span, .position a, .position i{font-size:12px;color: #47474a; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.position i{margin: 0px 4px;font-style:normal;}
.position i img{vertical-align:middle;margin-top: -2px;}
.position em{font-size:12px;color: #00459c;font-style: normal;}
.position a:hover{color:#00459c;}
.n_main_box .main_box{width: 1200px;height: 80px;position:relative;margin: 0 auto;}

.n_about{ padding: 70px 0 40px;}

.n_licheng{ padding:70px 0 80px;}
.n_licheng .w1200{background:url(../images/n_licheng_bg.png) center  top repeat-y;padding: 0 0 0 0;}
.n_licheng h3 .e{ float: left;width:calc(50% - 20px); text-align:right; font-size:18px; line-height:26px; color:#d8dade; text-transform:uppercase; margin-bottom:104px;}
.n_licheng h3 .z{ float: right;width:calc(50% - 20px); text-align:left; font-size:22px; line-height:26px; color:#f08200; text-transform:uppercase; margin-bottom:104px;}
.n_licheng h3 .z small{ font-size:18px; font-weight:bold}
.n_licheng ul{float:left;width:100%;position:relative;}
.n_licheng ul li{float:left;width:100%;position:relative;margin-top:-44px;}
.n_licheng ul li .licheng{float:  left;width:50%;}
.n_licheng ul li .licheng .year{ float:left; width:95px; text-align:center; font-size: 22px; color:#2b2c2e; font-family:"Microsoft Yahei"; padding-top: 68px;}
.n_licheng ul li .licheng .box{ float:left; width:calc(100% - 95px); background:#f6f7f9 url(../images/box_left.jpg) left top no-repeat; padding:50px;}
.n_licheng ul li .licheng .box:hover{ color:#fff}
.n_licheng ul li .licheng .box:hover p{ color:#fff}
.n_licheng ul li:nth-child(2n-1) .licheng .box:hover{ background:#00459c url(../images/box_left_on.jpg) left top no-repeat;}
.n_licheng ul li:nth-child(2n) .licheng .box:hover{ background:#00459c url(../images/box_right_on.jpg) right top no-repeat !important;}
.n_licheng ul li .licheng .box { font-size: 15px; line-height: 30px; color: #686868;}
.n_licheng ul li .licheng .box p{ font-size: 15px; line-height: 30px; color: #686868;}
.n_licheng ul li .dot{ position:absolute; left:50%; margin-left:-9px; background:#fff; top:70px; width:18px; height:18px; border:#f08200 2px solid; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.n_licheng .more{margin-top:60px;text-align:center;height: 40px;}
.n_licheng .more a{ display:inline-block; width:40px; height:40px; background:url(../images/n_licheng_more.png) center no-repeat; overflow:hidden; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_licheng .more a:hover{ background:url(../images/n_licheng_more_on.png) center no-repeat;}
.n_licheng .more p{display:inline-block;width: 124px;height:40px;line-height: 40px;background:#333;font-size: 14px;color: #fff;}

.n_case{ padding:70px 0 80px;}
.n_case ul{ width:1246px; overflow:hidden;}
.n_case ul li{ float:left; width:265px; height:340px; margin-right:46px; position:relative; overflow:hidden; margin-bottom:40px;}
.n_case ul li img{ width:265px; height:340px;}
.n_case ul li .top{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:60px;line-height:60px;text-align:center;padding:0 15px;position:absolute;width:100%;bottom:0;left:0;background:#2f2f2f;font-size: 16px;color:#fff;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_case ul li:hover .top{ filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCF08200', endColorstr='#CCF08200');background:rgba(240,130,0,0.8);}

/*====翻页====*/
.j_pages{margin:0 auto 0 auto}
.j_pages .box{display:inherit;width:100%;padding: 1.5rem 0 0rem;font-size: 0;text-align:  center;}
.j_pages a{padding: 0px 13px;height: 35px;line-height: 35px;display:inline-block;margin: 0 6px 0 0;color: #666666;font-size: 14px;box-sizing: border-box;border:  #dedede 1px solid;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.j_pages a font{font-size:14px;font-family:SimSun;color:#9f9fa7}
.j_pages .on{background: #f08200;color: #fff;border: #f08200 1px solid;}
.j_pages a:hover{background:#f08200;color:#fff!important; border:1px solid #f08200}
.j_pages span{background:#f08200;color:#fff!important;border:1px solid #f08200}
.j_pages a.u_bnt{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}

.n_news{ padding:70px 0 0;}
.n_news .top ul{ width:1230px; margin-bottom:40px; overflow:hidden;}
.n_news .top ul li{ float:left; width:385px; margin-right:22px;}
.n_news .top ul li .img{float:left;width:385px;height:275px;position:relative; overflow:hidden;}
.n_news .top ul li .img .time{ width:125px; line-height:32px; height:32px; background:#2f2f2f; position:absolute; left:0; top:42px; font-size:14px; color:#fff; text-align:center; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_news .top ul li:hover .img .time{ background:#f08200;}
.n_news .top ul li .con{ float:left; width:385px; height:125px; background: #f3f3f8; padding:25px 40px;}
.n_news .top ul li .con h5{ margin-bottom:15px;color: #2f2f2f;}
.n_news .top ul li .con h5 a{ font-size: 17px; color:#2f2f2f; }
.n_news .top ul li .con p{ font-size: 13px; color:#888888; line-height:20px; height:40px;}
.n_news .bottom{ background:#f3f3f8; padding-bottom:80px;}
.n_news .bottom ul{overflow:hidden;margin-top:30px;margin-bottom: 54px; position:relative;}
.n_news .bottom ul:after{ content:""; width:4px; height:60px; position:absolute; left:50%; margin-left:-2px; top:0; background:#f3f3f8;}
.n_news .bottom ul li{ float:left; width:50%}
.n_news .bottom ul li .box{ position:relative; padding: 60px 30px;box-sizing:border-box;border-bottom: 1px solid #e2e2e7;border-left: 1px solid #e2e2e7;margin-left:-1px;}
.n_news .bottom ul li:nth-child(5) .box,
.n_news .bottom ul li:nth-child(6) .box{ border-bottom:none}
.n_news .bottom ul li .box:hover{ background:#f08200; border-bottom: 1px solid #f08200;border-left: 1px solid #f08200; }
.n_news .bottom ul li:nth-child(5) .box:hover,
.n_news .bottom ul li:nth-child(6) .box:hover{ background:#f08200; border-left: 1px solid #f08200; border-bottom:none}
.n_news .bottom ul li:nth-child(1) .box:hover:after{ content:""; width:3px; height:100%; position:absolute; top:0; right:0; background:#f08200;z-index: 10;}
.n_news .bottom ul li:nth-child(2) .box:hover:after{ content:""; width:5px; height:100%; position:absolute; top:0; left:-1px; background:#f08200;z-index: 10;}
.n_news .bottom ul li .box h5{line-height: 40px;padding-left: 92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color: #525252;font-size: 17px;} 
.n_news .bottom ul li .box p{font-size: 13px;color:#999;line-height: 20px;height: 40px;overflow:hidden;padding-left: 92px;} 
.n_news .bottom .rq{float:left;font-size:36px;color: #959595;width: 60px;line-height:50px;text-align:center;position:absolute;left:30px;}
.n_news .bottom .rq span{font-size:18px;display:block;line-height: 40px;border-top: 1px solid #dedcdc;}
.n_news .bottom ul li .box:hover h5{ color:#fff}
.n_news .bottom ul li .box:hover .rq{ color:#fff;}
.n_news .bottom ul li .box:hover h5 a{ color:#fff;}
.n_news .bottom ul li .box:hover p{ color:#fff;}
.n_news .bottom ul li .box:hover span{ color:#fff; border-top:1px solid #fff;} 

.n_news_detail{ padding: 70px 0 20px;}
.n_news_detail .left{float:left;width: 815px;}
.n_news_detail .right{float:right;width:320px;border:#e1e1e1 1px solid;}
.n_news_detail .right ul{border-top: #808d97 3px solid;margin-top: -1px;}
.n_news_detail .right ul li{padding: 30px 0;border-bottom: #e1e1e1 1px solid;margin: 0 26px !important;}
.n_news_detail .right ul li h4,.n_news_detail .right ul li h4 a{font-size: 16px;color: #4d4e4e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 15px;}
.n_news_detail .right ul li h4 a:hover{color: #f08200;}
.n_news_detail .right ul li p{font-size: 13px;line-height: 20px;height: 40px;overflow:hidden;color: #9c9f9f;margin: 0 0 8px 0;}
.n_news_detail .right ul li span{font-size: 13px;color: #717474;}
.n_news_detail .right ul li:last-child{ border-bottom:none}
.n_news_detail .right.fixed{right: 50%;margin-right: -600px;position:fixed;top: 162px;}

.n_article .ar_title{padding:10px 0 20px 0;margin-bottom: 20px;}
.n_article .ar_title{padding:0 0 0px 0;position:relative;box-sizing: border-box;border-bottom: #e0e0e0 1px solid;}
.n_article .ar_title h1{font-size: 22px;display:block;text-align: left;line-height:30px;color: #2e2e2f;}
.n_article .ar_title h2{font-size: 14px;position:relative;text-align: left;display:block;height: 40px;color: #919191;line-height: 34px;}
.n_article .ar_title h3{margin-bottom: 15px;}
.n_article .ar_title h3 a{ display:inline-block; width:20px; height:20px; line-height:20px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_article .ar_title h3 a.prev{background: #b3b3b3 url(../images/detail_left.png) 7px 7px no-repeat;}
.n_article .ar_title h3 a.next{background: #b3b3b3 url(../images/detail_right.png) 9px 7px no-repeat;}
.n_article .ar_title h3 a.prev:hover{background:#00459c url(../images/detail_left.png) 7px 7px no-repeat;}
.n_article .ar_title h3 a.next:hover{background:#00459c url(../images/detail_right.png) 9px 7px no-repeat;}
.n_article .ar_article{ padding-top:20px; padding-bottom:30px; min-height:400px;}

.n_zizhi{ padding:70px 0 80px;}
.n_zizhi ul{width: 1248px;}
.n_zizhi ul li{float:left;width: 270px;height: 220px;background: #eeeef2;margin: 0px 40px 82px 0;box-sizing:  border-box;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_zizhi ul li .pic_box{width: 100%;height: 220px;display:table;overflow:hidden; text-align:center; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_zizhi ul li .pic_box .box{display:table-cell;vertical-align:middle;text-align: -webkit-center;}
.n_zizhi ul li .pic_box .box img{ display:inline}
.n_zizhi ul li:hover .pic_box{ box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.25);}
.n_zizhi ul li img{max-width: 127px;max-height: 174px;display:block;}
.n_zizhi ul li h5{font-size: 15px;color: #504e4e;text-align:center;margin:1.5rem 0 1rem;}
.n_zizhi ul li:hover h5{ color:#e84518}
.n_zizhi .j_pages .box{ padding-top:15px}

.n_container{ min-height:400px;}

.n_contact{ padding:95px 0 74px;}
.n_contact .left{ float:left; width:535px; padding-left: 32px;}
.n_contact .left h1{width:100%;height: 90px;line-height: 90px;font-size:42px;color: #fe8a00;background:url(../images/contact-icon.png) left top no-repeat;font-weight: bolder;text-transform: uppercase;margin-bottom: 15px;}
.n_contact .left h3{ font-size:17px; color:#3c3d3d; font-weight:normal; height:50px; line-height:50px;}
.n_contact .left p{float:left;font-size: 16px;color: #565657;font-weight:normal;line-height: 30px;}
.n_contact .left i{ float:left; width:1px; height:52px; background-color:#c2c2c2;}
.n_contact .left p span{ float:left; display:inline-block;}
.n_contact .left p .right{ float:right;display: inline-block;width: 225px;}
.n_contact .left ul{float:left;width:100%;}
.n_contact .left ul li{ float:left; width:170px;}
.n_contact .left ul li img{ width:140px; height:140px;}
.n_contact .left ul li .con{ width:140px; font-size: 14px; color:#8d8d8f; line-height:40px; text-align:center;}
.n_contact .right{float: right;width: 502px;position:relative;}
.n_contact .right .con{float: right;width: 403px;height: 404px;border-radius: 50%;overflow:hidden;position:relative;filter:alpha(opacity:100);opacity:1;-moz-opacity:1;-khtml-opacity:1;margin-right: 82px;}
.n_contact .right .con img{ -moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius:50%; overflow:hidden;}
.n_contact .right .zhezhao{position:absolute;left: 0;top: 8px;}
#mapCard_header{ display:none!important;}
.n_contact .right .more{position:absolute;right: 24px;bottom: 14px;width:155px;height:155px;box-sizing:border-box;border:#fff 5px solid;background: #00459c;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius:50%; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_contact .right .more .con_li{display:table;width: 145px;height: 145px;text-align: center;}
.n_contact .right .more .con_li i{display:table-cell;vertical-align: middle;font-style: normal;color: #fff;}
.n_contact .right .more .con_li i h5{ font-size:14px; color:#fff; margin-top:12px;}
.n_contact .right .more:hover{background: #fe8a00;}

.n_product_detail{ padding:70px 0 50px}
.n_product_detail .fl01 h4{ font-size:22px; color:#545455; margin-bottom:40px;}
.n_product_detail .fl01{ text-align:center;}
.n_product_detail .lwy{width:703px;margin: 0 auto;}
.n_product_detail .lwy .slider-for .miso{ position:relative;}
.n_product_detail .lwy .slider-for .miso img{ width:100%}
.n_product_detail .lwy .slider-for .miso-current .miso img{width: 703px;height: 355px;}
.n_product_detail .lwy .slider-for .miso .top{position:absolute;width: 100%;bottom:0;left:0;padding:1.75rem 2.75rem;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#A3212020', endColorstr='#A3212020');background:rgba(33,32,32,0.64);}
.n_product_detail .lwy .slider-for .miso .top h4{font-size: 1rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:1.25rem;}
.n_product_detail .lwy .slider-for .miso .top p{ font-size:0.75rem; color:#cbccd0; line-height:1.375rem; height:2.75rem; overflow:hidden;}
.n_product_detail .lwy .slider-for .miso-prev,
.n_product_detail .lwy .slider-for .miso-next{width: 36px;height: 36px;margin-top:-1rem;z-index: 10; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_product_detail .lwy .slider-for .miso-prev{background:url(../images/n_product_detail_left.png) center no-repeat;background-size:100% 100%;left: -100px;}
.n_product_detail .lwy .slider-for .miso-next{background:url(../images/n_product_detail_right.png) center no-repeat;background-size:100% 100%;right: -100px;}
.n_product_detail .lwy .slider-for .miso-prev:hover{background:url(../images/n_product_detail_left_on.png) center no-repeat;}
.n_product_detail .lwy .slider-for .miso-next:hover{background:url(../images/n_product_detail_right_on.png) center no-repeat;}
.n_product_detail .lwy .slider-nav{margin-top: 4px;margin-left:-5px;margin-right:-5px;}
.n_product_detail .lwy .slider-nav .miso-slide img{ width:100%}
.n_product_detail .lwy .slider-nav .miso-slide .miso{margin:5px;}
.n_product_detail .lwy .slider-nav .miso-slide .miso img{width: 227px;height: 115px;}
.n_product_detail .lwy .slider-nav .miso-current .miso img{border: #f08200 1px solid;}

.n_download{ padding:70px 0 80px;}
.n_download ul{ float:left; width:1250px; margin-bottom:15px;}
.n_download ul li{ float:left; width:575px; height:105px; background:#f1f1f6; position:relative; margin:0 50px 20px 0}
.n_download ul li a{ display:block; padding:28px 30px;}
.n_download ul li .con{ float:right; width:452px;}
.n_download ul li .con h5{ font-size:17px; color:#4b4b4b; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin:5px 0 10px 0}
.n_download ul li .con h6{ font-size:13px; color:#969697}
.n_download ul li a:before{ content:""; width:0; height:105px; background:#00459c url(../images/down.png) center no-repeat; position:absolute; right:0; top:0; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_download ul li:hover a:before{ width:60px;}


/*==========================================内页 结束=============================================*/